<!DOCTYPE html>
<html lang="ch_cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
<body>

    <body>
        <!--头部搜索开始-->
        <div class="header">
            <form action="" class="search-wrap">
                <div class="search-box">
                    <input type="search" placeholder="搜索旅行地/酒店/景点">
                </div>
            </form>
        </div>

        <!--内容区域开始-->
        <div class="wrapper">
            <div class="scroller">
                <!-- banner开始 -->
                <div class="banner">
                            <a href="#"><img src="images/img/banner1.jpg" alt="旅游"></a>
                </div>

                <!--分类开始-->
                <nav class="nav-entry">
                    <div class="row">
                        <div class="col col1">
                            <a href="#">
                                <em>旅游</em>
                            </a>
                        </div>
                        <div class="col col2">
                            <a href="#">
                                <em>出境游</em>
                            </a>
                            <a href="#">
                                <em>周边游</em>
                            </a>
                        </div>
                        <div class="col col3">
                            <a href="#">
                                <em>国内游</em>
                            </a>
                            <a href="#">
                                <em>当地游</em>
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col col1">
                            <a href="#">
                                <em>机票</em>
                            </a>
                        </div>
                        <div class="col col2">
                            <a href="#" class="nav-bg">
                                <em>低价机票</em>
                            </a>
                            <a href="#">
                                <em>火车票</em>
                            </a>
                        </div>
                        <div class="col col3">
                            <a href="#">
                                <em>汽车票/船票</em>
                            </a>
                            <a href="#">
                                <em>专车/自驾</em>
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col col1">
                            <a href="#">
                                <em>酒店</em>
                            </a>
                        </div>
                        <div class="col col2">
                            <a href="#" class="nav-bg">
                                <em>海外酒店</em>
                            </a>
                            <a href="#">
                                <em>热门酒店</em>
                            </a>
                        </div>
                        <div class="col col3">
                            <a href="#">
                                <em>国内酒店</em>
                            </a>
                            <a href="#">
                                <em>特色酒店</em>
                            </a>
                        </div>
                    </div>
                </nav>

                <!--推广开始-->
                <article class="ad">
                    <a href="#"><img src="images/img/ad_0328_02.jpg"></a>
                </article>

                <!--特卖汇开始-->
                <article class="sale">
					<nav>特卖汇</nav>

					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_01.jpg" alt=""></div>
							<div class="item-main">
								<h3>
							台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									1999
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_02.jpg" alt=""></div>
							<div class="item-main">
								<h3>
							巴厘岛7日5晚自由行。五星豪庭，三星价格3月特
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									2989
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_03.jpg" alt=""></div>
							<div class="item-main">
								<h3>
							韩国首尔5日4晚跟团游。暑假预售商圈五花，好
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									1699
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_04.jpg" alt=""></div>
							<div class="item-main">
								<h3>
							马尔代夫6日自由行·6日4晚。全球顶级海岛蜜月
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									3099
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_05.jpg" alt=""></div>
							<div class="item-main">
								<h3>
							香港5日自由行·仅含往返机票。星光大道+天星小
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									1888
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_06.jpg" alt=""></div>
							<div class="item-main">
								<h3>
							新加坡5日4晚自由行。错峰周末游，特赠送价值
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									2689
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
				</article>

            </div>
        </div>

        <!--底部开始-->
        <div class="footer">
            <a href="index.html" class="home active">
                <span></span>
                <p>首页</p>
            </a>
            <a href="search.html" class="destination">
                <span></span>
                <p>目的地</p>
            </a>
            <a href="1.html" class="history">
                <span></span>
                <p>浏览历史</p>
            </a>
            <a href="myinfo.html" class="my">
                <span></span>
                <p>个人</p>
            </a>
        </div>
      

</body>
<script src="js/flexible.js"></script>
</html>